<template>
  <left-toggle-layout title="视频监控" width="290px">
    <template #left>
      <div class="site-list">
        <input-search placeholder="请输入视频监控点名称" />
        <list-view :list="list">
          <template #title="{ row }">
            <div>
              {{ row.title }}
              <i></i>
            </div>
          </template>
        </list-view>
        <div class="page-footer-1">
          <el-pagination small layout="total, prev, next" :total="1000"> </el-pagination>
        </div>
      </div>
    </template>
    <card-panel class="player-view-center">
      <player-view></player-view>
    </card-panel>
  </left-toggle-layout>
</template>

<script>
import PlayerView from '@/views/reservoir/videoMonitor/components/PlayerView'

export default {
  name: 'Index',
  data() {
    return {
      list: [
        { title: '正坑水库' },
        { title: '恩上水库' },
        { title: '翠岭水库' },
        { title: '三洲塘水库' },
        { title: '红花沥水库' },
        { title: '上坪水库' },
        { title: '叠翠湖水库' },
        { title: '大水坑水库' },
        { title: '跃进水库' }
      ]
    }
  },
  components: {
    PlayerView
  }
}
</script>

<style lang="scss" scoped>
@import '~@/assets/pages/index.scss';
</style>
